<template>
    <div class="index-container">
        <!-- 头部开始 -->
        <div class="index-header">
            <div class="ih-text" @click="collecting_silver">
                <img src="../assets/money.png" />
                <div class="it-txt"><span>个人收银</span></div>
            </div>
            <div class="ih-nav">
                <div class="item" @click="goto_auth">
                    <img src="../assets/tab1.png" />
                    <div>实名认证</div>
                </div>
                <div class="item" @click="goto_team">
                    <img src="../assets/tab2.png" />
                    <div>我的团队</div>
                </div>
                <div class="item" @click="goto_detial">
                    <img src="../assets/tab3.png" />
                    <div>结算明细</div>
                </div>
                <div class="item" @click="goto_order_detial">
                    <img src="../assets/tab4.png" />
                    <div>订单明细</div>
                </div>
            </div>
        </div>
        <!-- 头部结束 -->
        <!-- banner开始 -->
        <div class="my-banner">
            <banner :banners="banners"></banner>
        </div>
        <!-- banner结束 -->
        <!-- footer开始 -->
        <!-- <v-footer></v-footer> -->
        <!-- footer结束 -->
    </div>
</template>
<script>
import banner from 'base/banner/banner'
// import vFooter from 'base/footer/footer'
/*测试banner*/
import img1 from 'static/banner1.png'
import img2 from 'static/banner2.png'
export default {
    data() {
        return {
            loadStatus:true, //设置load显示状态
            banners:[
                img1,
                img2
            ]
        }
    },
    created(){
        let that = this;
        that._load();
    },
    methods:{
        _load(){
            let that = this;
            //that.$api.ajax([that._getUserInfo()]);
        },
        collecting_silver(){
            let that = this;
            that.$router.push({
                path:'Pay'
            })
        },
        goto_auth(){
            let that = this;
            that.$router.push({
                path:'RNAuth'
            })
        },
        goto_team(){
            let that = this;
            that.$router.push({
                path:'Team'
            })
        },
        goto_detial(){
            let that = this;
            that.$totast("暂未开放，敬请期待！");
        },
        goto_order_detial(){
            let that = this;
            that.$router.push({
                path:'OrderList'
            })
        }
    },
    components: {
      banner
    },
}
</script>
<style lang="less" scoped>
.index-container{
    width: 100%;
    height: 100vh;
    background-color:#f5f5f5;
    font-size: 3.6vw;
    overflow: hidden;
    .index-header{
        width: 100%;
        background-color: #fff;
        .ih-text{
            width:93%;
            margin: 0 auto;
            margin-top: 5.3%;
            background:url(../assets/yellow-bg.jpg);
            border-radius: 1vw;
            img{
                width: 16.8%;
                display: block;
                padding-top: 5%;
                margin: 0 auto;
            }
            .it-txt{
                padding: 2.5% 0 5% 0;
                text-align: center;
                color:#fff;
            }
        }
        .ih-nav{
            margin-top: 7%;
            display: flex;
            padding-bottom: 6%;
            .item{
                flex: 1;
                img{
                    width: 8vw;
                    display: block;
                    margin: 0 auto;
                }
                div{
                    padding-top: 2.5vw;
                    text-align: center;
                }
            }
        }
    }
    .my-banner{
        width: 100%;
        margin-top: 3%;
    }
}
</style>
